import React from 'react'
import ReactDOM from 'react-dom'

// const title = 'response.potentiallyMaliciousInput';

// 1. 创建标签的方式1
// const element = (
//   <div>
//     <h1>hello</h1>
//     <h1>word</h1>
//     <h1>{ title }</h1>
//   </div>
// )

// 2. 创建标签的方式2
const element = React.createElement(
  'h1',
  { className: 'box' },
  'hello'
)

// 注意：这是简化过的结构
// const element = {
//   type: 'h1',
//   props: {
//     className: 'greeting',
//     children: 'Hello, world!'
//   }
// };

ReactDOM.render(
  element,
  document.getElementById('root')
)